<template>
  <div>
    <div>
      <topNav />
    </div>

    <div class="container">
      <div>
        <helpCenter :questions="questions"/>
      </div>

      <div class="service">
        <div>在线客服</div>
        <div>电话客服</div>
      </div>

      <div style="text-align: center; color: #999; font-size: 0.13rem;
      margin: 3%">在线时间：&nbsp;&nbsp;周一至周日&nbsp;9:00~19:00</div>
    </div>
    <div>
      <bottom />
    </div>
  </div>
</template>

<script>
import topNav from "../components/topNav.vue";
import bottom from "../components/bottom.vue";
import helpCenter from "../components/helpCenter.vue";
export default {
  components: {
    topNav,
    bottom,
    helpCenter,
  },
  data() {
    return {
      questions: [
        {
          question: "租金问题",
          list: [
            {
              title: "租赁券使用",
              content:
                "租户通过在线交易完成租赁，提交订单时通过支付宝支付租金，对于长期合同",
            },
            {
              title: "租金支付",
              content:
                "租户通过在线交易完成租赁，提交订单时通过支付宝支付租金，对于长期合同",
            },
            {
              title: "租期是怎么计算的",
              content:
                "租户通过在线交易完成租赁，提交订单时通过支付宝支付租金，对于长期合同",
            },
          ],
        },
        {
          question: "押金问题",
          list: [
            {
              title: "租赁券使用",
              content:
                "租户通过在线交易完成租赁，提交订单时通过支付宝支付租金，对于长期合同",
            },
            {
              title: "租金支付",
              content:
                "租户通过在线交易完成租赁，提交订单时通过支付宝支付租金，对于长期合同",
            },
            {
              title: "租期是怎么计算的",
              content:
                "租户通过在线交易完成租赁，提交订单时通过支付宝支付租金，对于长期合同",
            },
          ],
        },
        {
          question: "售后问题",
          list: [
            {
              title: "租赁券使用",
              content:
                "租户通过在线交易完成租赁，提交订单时通过支付宝支付租金，对于长期合同",
            },
            {
              title: "租金支付",
              content:
                "租户通过在线交易完成租赁，提交订单时通过支付宝支付租金，对于长期合同",
            },
            {
              title: "租期是怎么计算的",
              content:
                "租户通过在线交易完成租赁，提交订单时通过支付宝支付租金，对于长期合同",
            },
          ],
        },
        {
          question: "其他问题",
          list: [
            {
              title: "租赁券使用",
              content:
                "租户通过在线交易完成租赁，提交订单时通过支付宝支付租金，对于长期合同",
            },
            {
              title: "租金支付",
              content:
                "租户通过在线交易完成租赁，提交订单时通过支付宝支付租金，对于长期合同",
            },
            {
              title: "租期是怎么计算的",
              content:
                "租户通过在线交易完成租赁，提交订单时通过支付宝支付租金，对于长期合同",
            },
          ],
        },
      ],
    };
  },
  methods: {},
};
</script>
<style scoped>
.container {
  position: relative;
  width: 70%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  border-radius: 0.1rem;
  margin-top: 1%;
  padding-bottom: 8%;
  min-height: 5rem;
}
.service {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10%;
  flex-wrap: nowrap;
}
.service div {
  margin: 0 1%;
  padding: 0.5% 1.5%;
  background-color: rgb(229, 0, 18);
  color: #fff;
  border-radius: 0.05rem;
  cursor: pointer;
}
</style>